<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <title></title>
    <style type="text/css">
        @page {
            size: 100mm 100mm;
            margin: auto;
            overflow: hidden;
        }

        body {
            padding: 1.5mm;
            margin: 0 auto;
            font-family: "Microsoft YaHei";
        }

        p {
            margin: 0;
            padding: 0;
            margin-bottom: 0.5mm;
        }

        .label-content {
            width: 97mm;
            height: 95mm;
            position: relative;
            /*page-break-after: always;*/
            /*page-break-inside: avoid;*/
            border: 1px solid #000;
            margin: 0 auto;
            overflow: hidden;
        }

        .clearfix {
            clear: both;
        }

        .fr {
            float: right !important;
        }

        .fl {
            float: left !important;
        }

        .label_item {
            position: relative;
            overflow: hidden;
        }

        .bottom_line:after {
            content: '';
            position: absolute;
            width: 100%;
            right: 0;
            left: 0;
            bottom: 0;
            border-bottom: 1pt solid #000;
            z-index: 9;
        }

        .left_line {
            border-left: 1pt solid #000;
        }

        .margin_right1 {
            margin-right: 1mm;
        }

        .margin_right2 {
            margin-right: 2mm;
        }

        .margin_right10 {
            margin-right: 10mm;
        }
    </style>
</head>
<body>
<div class="label-content">
    <div style="height: 95mm;">
        <!-- 1 -->
        <div class="label_item bottom_line clearfix" style="height: 14mm; ">
            <div style="float: left; height: 15mm; line-height: 15mm; padding-left: 2mm">
                <strong style="font-size: 24pt;">Wish</strong>
            </div>
            <div style="float:left; padding:4mm 2mm 3mm; width: 38mm; text-align: center; margin-right: 2mm;">
                <img src="https://stofiles.oss-cn-hongkong.aliyuncs.com/pudo/STOGJ.png" alt="logo" style="width: 38mm; height: 8mm;" ></img>
            </div>
            <div class="left_line"
                 style="float:left; text-align: center; padding:0 2mm; width: 25mm; height: 14mm; line-height: 14mm; overflow: hidden;">
                <strong style="font-size:15pt;">国际出口</strong>
            </div>
            <div class="clearfix"></div>
        </div>

        <!-- 3 -->

        <div class="label_item bottom_line" style="height: 30mm;">

            <div style="position: absolute;top: 0; left: 1mm; width: 55mm; height: 15mm; overflow: hidden; font-size: 8pt;"  >
                <div class="label_item clearfix" style="padding:1mm 2mm;"  >
                    <div class="clearfix">
                        <span class="margin_right2" style="display:inline-block; width: 18mm; font-size: 8pt">${senderName!}</span>
                    </div>
                </div>
                <div class="label_item clearfix" style="padding:1mm 2mm;"  >
                    <div class="clearfix">
                        <span class="margin_right2" style="font-size: 8pt">${senderPhone!}</span>
                    </div>
                </div>
                <div class="label_item" style="padding:0 2mm; height: 13mm; font-size: 8pt">
                    <div>${senderAddress!}</div>
                </div>
            </div>
            <div class="left_line" style="position: absolute; top: 0; right: 0; width:42mm;  height: 30mm;">
                <div style="height: 14mm; line-height: 14mm; text-align: center; border-bottom: 1pt solid #000; font-size: 16pt; font-weight: bolder;">${destination!}</div>
                <div style="height: 15mm; line-height: 15mm; text-align: center;font-size: 16pt; font-weight: bolder; ">${seg3Code!}</div>
            </div>
        </div>

        <div class="label_item bottom_line" style="height: 22mm;">
            <div style="float:left; width: 25mm; height: 25mm;  text-align: center;">
                <strong style="font-size: 24pt; line-height: 22mm;">收</strong>
            </div>

            <div class=" left_line" style=" float: left; width: 70mm; height: 22mm; overflow: hidden; font-size: 8pt;">
                <div class="label_item clearfix" style="padding:1mm 2mm;" >
                    <span class="margin_right2" style="display:inline-block; width: 30mm; font-size: 8pt">${receiverName!}</span>
                </div>
                <div class="label_item clearfix" style="padding:1mm 2mm;" >
                    <span class="margin_right2" style="font-size: 8pt">${receiverPhone!}</span>
                </div>
                <div class="label_item" style="padding:0 2mm; height: 12mm;font-size: 10pt">
                    <div>${receiverAddress!}</div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

        <!-- 4 -->
        <div class="label_item" style="height: 29mm; text-align: center; padding-top: 1mm;">
            <div style="float:left; width:74mm;">
                <img style="width: 70mm; height: 18mm; "
                     src="data:image/png;base64,${barCodeBase64!}"
                     alt=""></img>
                <div style="font-size: 14pt; vertical-align: top; font-weight: bold">${trackingNumber!}</div>
            </div>
            <div style="position: absolute; width: 23mm; height: 29mm; top:0; right: 0; text-align: center; border-left: 1px solid #000;">
                <strong style="display: inline-block;padding: 0 4mm; line-height: 10mm; margin-top:16mm;">已验视</strong>
            </div>
        </div>
    </div>
</div>
</body>
</html>
